Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Displaying Raw • Download


meshchatx/src/frontend/components/network-visualiser/internal/NetworkVisualiserToolbar.vue 9f71f3420c18d5800afb493b723c328d23c7ea12 (9f71f342) Text, 17.19 KB

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"absolute top-2 left-2 right-2 sm:top-4 sm:left-4 sm:right-4 z-10 flex flex-col sm:flex-row gap-2 pointer-events-none"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"pointer-events-auto border border-gray-200/50 dark:border-zinc-800/50 bg-white/90 dark:bg-zinc-900/90 rounded-2xl overflow-hidden w-full sm:min-w-[280px] sm:w-auto transition-all duration-300"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"flex items-center px-4 sm:px-5 py-3 sm:py-4 cursor-pointer hover:bg-gray-50/50 dark:hover:bg-zinc-800/50 transition-colors"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:isShowingControls'Tb4b4b4, Tff7b72!Te6edf3isShowingControlsTb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 flex flex-col min-w-0 mr-2"Tb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100 tracking-tight truncate"Tb4b4b4>Tff7b72{{
Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.reticulum_mesh"Tb4b4b4)
Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tff7b72span
Te6edf3classTff7b72=Ta5d6ff"text-[10px] uppercase font-bold text-gray-500 dark:text-zinc-500 tracking-widest truncate"
Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.network_visualizer"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72span
Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2"Tb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3typeTff7b72=Ta5d6ff"button"
Te6edf3classTff7b72=Ta5d6ff"inline-flex items-center justify-center w-8 h-8 sm:w-9 sm:h-9 rounded-xl bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 text-white transition-all active:scale-95 disabled:opacity-60"
Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Te6edf3isUpdating Tff7b72|| Te6edf3isLoadingTa5d6ff"
Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'visualiser.refresh'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3stopTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'manual-update'Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon
Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3isLoading Tff7b72? Ta5d6ff'loading' Tff7b72: Ta5d6ff'refresh'Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"w-4 h-4 sm:w-5 sm:h-5"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'animate-spin'Tff7b72: Te6edf3isLoading Tb4b4b4}Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-5 sm:w-6 flex justify-center"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon
Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-down"
Te6edf3classTff7b72=Ta5d6ff"w-4 h-4 sm:w-5 sm:h-5 text-gray-400 transition-transform duration-300"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'rotate-180'Tff7b72: Te6edf3isShowingControls Tb4b4b4}Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div
Te6edf3v-showTff7b72=Ta5d6ff"Te6edf3isShowingControlsTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"px-5 pb-5 space-y-4 animate-in fade-in slide-in-from-top-2 duration-300"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"h-px bg-linear-to-r from-transparent via-gray-200 dark:via-zinc-800 to-transparent"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-2 gap-2"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"rounded-xl px-3 py-2 border border-gray-100 dark:border-zinc-700/50 bg-gray-50/60 dark:bg-zinc-800/40"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3engineSelectTitleTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72label
Te6edf3forTff7b72=Ta5d6ff"visualiser-engine-select"
Te6edf3classTff7b72=Ta5d6ff"text-[10px] font-bold text-gray-500 dark:text-zinc-500 uppercase tracking-wider mb-0.5 block"
Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.engine"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>
Tb4b4b4<Tff7b72select
Te6edf3idTff7b72=Ta5d6ff"visualiser-engine-select"
Te6edf3classTff7b72=Ta5d6ff"w-full bg-transparent text-xs font-bold truncate border-0 p-0 pr-5 focus:outline-hidden focus:ring-0 cursor-pointer"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3engineSelectClassTa5d6ff"
Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3preferredRendererTa5d6ff"
Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'visualiser.engine'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3onEngineSelectChangeTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3valueTff7b72=Ta5d6ff"auto"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.renderer_option_auto"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3valueTff7b72=Ta5d6ff"webgl"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.renderer_option_webgl"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3valueTff7b72=Ta5d6ff"vis"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.renderer_option_vis"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72selectTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"rounded-xl px-3 py-2 border border-gray-100 dark:border-zinc-700/50 bg-gray-50/60 dark:bg-zinc-800/40"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"text-[10px] font-bold text-gray-500 dark:text-zinc-500 uppercase tracking-wider mb-0.5"
Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.fps"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-xs font-bold text-gray-800 dark:text-zinc-100 tabular-nums"Tb4b4b4>
Tff7b72{{ Te6edf3fpsDisplay Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between"Tb4b4b4>
Tb4b4b4<Tff7b72label
Te6edf3forTff7b72=Ta5d6ff"auto-reload"
Te6edf3classTff7b72=Ta5d6ff"text-sm font-semibold text-gray-700 dark:text-zinc-300 cursor-pointer"
Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.auto_update"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72label
Tb4b4b4>
Tb4b4b4<Tff7b72Toggle
Te6edf3idTff7b72=Ta5d6ff"auto-reload"
Tb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3autoReloadTa5d6ff"
Tb4b4b4@Te6edf3updateTb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:autoReload'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between"Tb4b4b4>
Tb4b4b4<Tff7b72label
Te6edf3forTff7b72=Ta5d6ff"enable-physics"
Te6edf3classTff7b72=Ta5d6ff"text-sm font-semibold text-gray-700 dark:text-zinc-300 cursor-pointer"
Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.live_layout"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72label
Tb4b4b4>
Tb4b4b4<Tff7b72Toggle
Te6edf3idTff7b72=Ta5d6ff"enable-physics"
Tb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3enablePhysicsTa5d6ff"
Tb4b4b4@Te6edf3updateTb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:enablePhysics'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-2"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between gap-2"Tb4b4b4>
Tb4b4b4<Tff7b72label
Te6edf3forTff7b72=Ta5d6ff"hop-filter-slider"
Te6edf3classTff7b72=Ta5d6ff"text-sm font-semibold text-gray-700 dark:text-zinc-300 cursor-pointer"
Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.max_hops_filter"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72label
Tb4b4b4>
Tb4b4b4<Tff7b72input
Te6edf3idTff7b72=Ta5d6ff"hop-max-hops-input"
Te6edf3typeTff7b72=Ta5d6ff"text"
Te6edf3inputmodeTff7b72=Ta5d6ff"numeric"
Te6edf3autocompleteTff7b72=Ta5d6ff"off"
Te6edf3maxlengthTff7b72=Ta5d6ff"4"
Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'visualiser.max_hops_filter'Tb4b4b4)Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"w-13 shrink-0 rounded-lg border border-gray-200 bg-white px-1.5 py-1 text-center text-xs font-bold text-blue-600 tabular-nums shadow-xs focus:border-blue-500 focus:outline-hidden focus:ring-1 focus:ring-blue-500/40 dark:border-zinc-600 dark:bg-zinc-800 dark:text-blue-400 dark:focus:border-blue-500"
Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3hopMaxInputShownTa5d6ff"
Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'visualiser.all'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3focusTff7b72=Ta5d6ff"Te6edf3onHopMaxInputFocusTa5d6ff"
Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3onHopMaxInputInputTa5d6ff"
Tb4b4b4@Te6edf3blurTff7b72=Ta5d6ff"Te6edf3onHopMaxInputBlurTa5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72input
Te6edf3idTff7b72=Ta5d6ff"hop-filter-slider"
Te6edf3typeTff7b72=Ta5d6ff"range"
Te6edf3minTff7b72=Ta5d6ff"0"
Tb4b4b4:Te6edf3maxTff7b72=Ta5d6ff"Te6edf3hopSliderPosAllTa5d6ff"
Te6edf3stepTff7b72=Ta5d6ff"1"
Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3hopSliderUiPosTa5d6ff"
Tb4b4b4:Te6edf3aria-valuetextTff7b72=Ta5d6ff"Te6edf3hopSliderAriaTextTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"w-full h-2 rounded-lg appearance-none cursor-pointer bg-gray-200 dark:bg-zinc-700 accent-blue-600 dark:accent-blue-500"
Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3onHopSliderInputTa5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-2 gap-3 pt-2"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"bg-gray-50/50 dark:bg-zinc-800/50 rounded-xl p-3 border border-gray-100 dark:border-zinc-700/50"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"text-[10px] font-bold text-gray-500 dark:text-zinc-500 uppercase tracking-wider mb-1"
Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.nodes"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-lg font-bold text-blue-600 dark:text-blue-400"Tb4b4b4>Tff7b72{{ Te6edf3nodeCount Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"bg-gray-50/50 dark:bg-zinc-800/50 rounded-xl p-3 border border-gray-100 dark:border-zinc-700/50"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"text-[10px] font-bold text-gray-500 dark:text-zinc-500 uppercase tracking-wider mb-1"
Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.links"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-lg font-bold text-emerald-600 dark:text-emerald-400"Tb4b4b4>Tff7b72{{ Te6edf3edgeCount Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"bg-zinc-950/5 dark:bg-white/5 rounded-xl p-3 border border-gray-100 dark:border-zinc-700/50"
Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-[10px] font-bold text-gray-500 dark:text-zinc-500 uppercase tracking-wider mb-2"Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.interfaces"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-4"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-1.5"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-2 h-2 rounded-full bg-emerald-500"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"text-xs font-bold text-gray-700 dark:text-zinc-300"
Tb4b4b4>Tff7b72{{ Te6edf3onlineInterfaceCount Tff7b72}} Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.online"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72span
Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-1.5"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-2 h-2 rounded-full bg-red-500"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"text-xs font-bold text-gray-700 dark:text-zinc-300"
Tb4b4b4>Tff7b72{{ Te6edf3offlineInterfaceCount Tff7b72}} Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.offline"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72span
Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"sm:ml-auto w-full sm:w-auto pointer-events-auto"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative group"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400 group-focus-within:text-blue-500 transition-colors"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"magnify" Te6edf3classTff7b72=Ta5d6ff"w-4 h-4" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72input
Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"
Te6edf3typeTff7b72=Ta5d6ff"text"
Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'visualiser.search_nodes_placeholder'Tb4b4b4, Tb4b4b4{ Te6edf3countTff7b72: Te6edf3nodeCount Tb4b4b4}Tb4b4b4)Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"block w-full sm:w-64 pl-9 pr-10 py-2.5 sm:py-3 bg-white/90 dark:bg-zinc-900/90 border border-gray-200/50 dark:border-zinc-800/50 rounded-2xl text-xs font-semibold focus:outline-hidden focus:ring-2 focus:ring-blue-500/50 sm:focus:w-80 md:max-lg:focus:w-72 lg:focus:w-80 transition-all dark:text-zinc-100 shadow-xs"
Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:searchQuery'Tb4b4b4, Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"
Te6edf3typeTff7b72=Ta5d6ff"button"
Te6edf3classTff7b72=Ta5d6ff"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-zinc-200 transition-colors"
Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'visualiser.clear_search'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:searchQuery'Tb4b4b4, Ta5d6ff''Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"close" Te6edf3classTff7b72=Ta5d6ff"w-4 h-4" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>
Tff7b72import Te6edf3Toggle Tff7b72from Ta5d6ff"../../forms/Toggle.vue"Tb4b4b4;
Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../../MaterialDesignIcon.vue"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3HOP_SLIDER_POS_ALLTb4b4b4, Te6edf3hopSliderPosToMaxHopsTb4b4b4, Te6edf3hopMaxHopsToSliderPos Tb4b4b4} Tff7b72from Ta5d6ff"./hopMaxFilterSliderMap.js"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"NetworkVisualiserToolbar"Tb4b4b4,
Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3ToggleTb4b4b4, Te6edf3MaterialDesignIcon Tb4b4b4}Tb4b4b4,
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3isShowingControlsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,
Te6edf3isUpdatingTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,
Te6edf3isLoadingTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,
Te6edf3autoReloadTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,
Te6edf3enablePhysicsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,
Te6edf3hopMaxFilterTff7b72: Tb4b4b4{
Tff7b72defaultTff7b72: T79c0ff4Tb4b4b4,
Te6edf3validatorTb4b4b4(Te6edf3vTb4b4b4) Tb4b4b4{
Tff7b72return Te6edf3v Tff7b72=== Tff7b72null Tff7b72|| Tb4b4b4(Tff7b72typeof Te6edf3v Tff7b72=== Ta5d6ff"number" Tff7b72&& Tffa657NumberTb4b4b4.Tffa657isFiniteTb4b4b4(Te6edf3vTb4b4b4) Tff7b72&& Te6edf3v Tff7b72>= T79c0ff0 Tff7b72&& Te6edf3v Tff7b72<= T79c0ff128Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3nodeCountTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4,
Te6edf3edgeCountTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4,
Te6edf3onlineInterfaceCountTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4,
Te6edf3offlineInterfaceCountTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4,
Te6edf3searchQueryTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,
Te6edf3preferredRendererTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657StringTb4b4b4,
Tff7b72defaultTff7b72: Ta5d6ff"auto"Tb4b4b4,
Te6edf3validatorTb4b4b4(Te6edf3vTb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4[Ta5d6ff"auto"Tb4b4b4, Ta5d6ff"webgl"Tb4b4b4, Ta5d6ff"vis"Tb4b4b4]Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3vTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3engineModeTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657StringTb4b4b4,
Tff7b72defaultTff7b72: Ta5d6ff"checking"Tb4b4b4,
Te6edf3validatorTb4b4b4(Te6edf3vTb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4[Ta5d6ff"checking"Tb4b4b4, Ta5d6ff"wasm"Tb4b4b4, Ta5d6ff"fallback"Tb4b4b4, Ta5d6ff"webgl"Tb4b4b4]Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3vTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3fpsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3emitsTff7b72: Tb4b4b4[
Ta5d6ff"update:isShowingControls"Tb4b4b4,
Ta5d6ff"update:autoReload"Tb4b4b4,
Ta5d6ff"update:enablePhysics"Tb4b4b4,
Ta5d6ff"update:hopMaxFilter"Tb4b4b4,
Ta5d6ff"update:searchQuery"Tb4b4b4,
Ta5d6ff"update:preferredRenderer"Tb4b4b4,
Ta5d6ff"manual-update"Tb4b4b4,
Tb4b4b4]Tb4b4b4,
Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4{
Te6edf3hopMaxInputDraftTff7b72: Tff7b72nullTb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3computedTff7b72: Tb4b4b4{
Te6edf3hopSliderPosAllTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Te6edf3HOP_SLIDER_POS_ALLTb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3hopSliderUiPosTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Te6edf3hopMaxHopsToSliderPosTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxFilterTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3hopMaxInputShownTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraft Tff7b72!== Tff7b72nullTb4b4b4) Tff7b72return Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraftTb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxFilter Tff7b72=== Tff7b72nullTb4b4b4) Tff7b72return Ta5d6ff""Tb4b4b4;
Tff7b72return Tffa657StringTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxFilterTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3hopSliderAriaTextTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxFilter Tff7b72=== Tff7b72nullTb4b4b4) Tff7b72return Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.all"Tb4b4b4)Tb4b4b4;
Tff7b72return Tffa657StringTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxFilterTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3engineSelectTitleTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3engineMode Tff7b72=== Ta5d6ff"webgl"Tb4b4b4) Tff7b72return Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.engine_webgl_hint"Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3engineMode Tff7b72=== Ta5d6ff"wasm"Tb4b4b4) Tff7b72return Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.engine_wasm_hint"Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3engineMode Tff7b72=== Ta5d6ff"fallback"Tb4b4b4) Tff7b72return Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.engine_fallback_hint"Tb4b4b4)Tb4b4b4;
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Ta5d6ff"visualiser.renderer_desc"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3engineSelectClassTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3engineMode Tff7b72=== Ta5d6ff"webgl"Tb4b4b4) Tff7b72return Ta5d6ff"text-sky-600 dark:text-sky-400"Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3engineMode Tff7b72=== Ta5d6ff"wasm"Tb4b4b4) Tff7b72return Ta5d6ff"text-emerald-600 dark:text-emerald-400"Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3engineMode Tff7b72=== Ta5d6ff"fallback"Tb4b4b4) Tff7b72return Ta5d6ff"text-amber-600 dark:text-amber-400"Tb4b4b4;
Tff7b72return Ta5d6ff"text-gray-800 dark:text-zinc-100"Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3fpsDisplayTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3n Tff7b72= Tffa657NumberTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3fpsTb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72!Tffa657NumberTb4b4b4.Tffa657isFiniteTb4b4b4(Te6edf3nTb4b4b4) Tff7b72|| Te6edf3n Tff7b72<= T79c0ff0Tb4b4b4) Tff7b72return Ta5d6ff"--"Tb4b4b4;
Tff7b72return Tffa657StringTb4b4b4(Tffa657MathTb4b4b4.Te6edf3roundTb4b4b4(Te6edf3nTb4b4b4)Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3methodsTff7b72: Tb4b4b4{
Te6edf3onEngineSelectChangeTb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3next Tff7b72= Te6edf3eTff7b72?Tb4b4b4.Te6edf3targetTff7b72?Tb4b4b4.Te6edf3valueTb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3next Tff7b72=== Ta5d6ff"auto" Tff7b72|| Te6edf3next Tff7b72=== Ta5d6ff"webgl" Tff7b72|| Te6edf3next Tff7b72=== Ta5d6ff"vis"Tb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:preferredRenderer"Tb4b4b4, Te6edf3nextTb4b4b4)Tb4b4b4;
Tb4b4b4}
Tb4b4b4}Tb4b4b4,
Te6edf3onHopSliderInputTb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3v Tff7b72= Te6edf3hopSliderPosToMaxHopsTb4b4b4(Tffa657NumberTb4b4b4(Te6edf3eTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:hopMaxFilter"Tb4b4b4, Te6edf3vTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onHopMaxInputFocusTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraft Tff7b72= Tff7b72thisTb4b4b4.Te6edf3hopMaxFilter Tff7b72=== Tff7b72null Tff7b72? Ta5d6ff"" Tff7b72: Tffa657StringTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3hopMaxFilterTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onHopMaxInputInputTb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3raw Tff7b72= Te6edf3eTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\D/gTb4b4b4, Ta5d6ff""Tb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraft Tff7b72= Te6edf3rawTb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3raw Tff7b72=== Ta5d6ff""Tb4b4b4) Tff7b72returnTb4b4b4;
Tff7b72const Te6edf3n Tff7b72= Tffa657parseIntTb4b4b4(Te6edf3rawTb4b4b4, T79c0ff10Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72!Tffa657NumberTb4b4b4.Tffa657isFiniteTb4b4b4(Te6edf3nTb4b4b4)Tb4b4b4) Tff7b72returnTb4b4b4;
Tff7b72const Te6edf3clamped Tff7b72= Tffa657MathTb4b4b4.Te6edf3maxTb4b4b4(T79c0ff0Tb4b4b4, Tffa657MathTb4b4b4.Te6edf3minTb4b4b4(T79c0ff128Tb4b4b4, Tffa657MathTb4b4b4.Te6edf3roundTb4b4b4(Te6edf3nTb4b4b4)Tb4b4b4)Tb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:hopMaxFilter"Tb4b4b4, Te6edf3clampedTb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraft Tff7b72= Tffa657StringTb4b4b4(Te6edf3clampedTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onHopMaxInputBlurTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3d Tff7b72= Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraftTb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3hopMaxInputDraft Tff7b72= Tff7b72nullTb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3d Tff7b72=== Tff7b72nullTb4b4b4) Tff7b72returnTb4b4b4;
Tff7b72const Te6edf3trimmed Tff7b72= Tb4b4b4(Te6edf3d Tff7b72|| Ta5d6ff""Tb4b4b4)Tb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3trimmed Tff7b72=== Ta5d6ff""Tb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:hopMaxFilter"Tb4b4b4, Tff7b72nullTb4b4b4)Tb4b4b4;
Tff7b72returnTb4b4b4;
Tb4b4b4}
Tff7b72const Te6edf3n Tff7b72= Tffa657parseIntTb4b4b4(Te6edf3trimmedTb4b4b4, T79c0ff10Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72!Tffa657NumberTb4b4b4.Tffa657isFiniteTb4b4b4(Te6edf3nTb4b4b4)Tb4b4b4) Tff7b72returnTb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:hopMaxFilter"Tb4b4b4, Tffa657MathTb4b4b4.Te6edf3maxTb4b4b4(T79c0ff0Tb4b4b4, Tffa657MathTb4b4b4.Te6edf3minTb4b4b4(T79c0ff128Tb4b4b4, Tffa657MathTb4b4b4.Te6edf3roundTb4b4b4(Te6edf3nTb4b4b4)Tb4b4b4)Tb4b4b4)Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────